<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--我们目前使用前端模块化的一些方案，amd,cmd,commonjs es6， 除了es6，其他的都不能被浏览器识别
* webpack会将其转化成浏览器能识别的js代码，并帮我们处理模块间的依赖关系，再进行打包，再把打包好的东西部署到服务器
*  webpack是一个前端模块化打包工具，让我们进行模块化开发，并帮我们处理模块间的依赖关系*/

/* webpack为了可以正常运行，必须依赖node环境。
node环境为了可以正常的执行很多代码，必须其中包含各种依赖的包。
node里有个npm（node package manager）工具，用来管理node环境下的各种包 -->


<!-- webpack安装：1.安装node.js node.js自带了软件包管理工具npm   node安装版本：v10.13.0
                  cmd里面 node -v查看版本号
*               2.全局安装webpack 3.6.0 因为vue cli2依赖该版本
*                  cmd里面 npm install webpack@3.6.0 -g(-g是表示全局安装的)
                  cmd里  webpack version查看版本号
*               3.为什么全局安装后还要局部安装呢？
                  全局安装可以在每个项目使用，但当你某个项目依赖的webpack版本跟全局的webpack
                  版本不一样时，就需要安装不同版本的本地webpack到这个项目里。
                  所以使用本地安装有利于不同项目之间的独立性。-->

<!--
    安装局部webpack（本地webpack）：
      1. 运行 npm install webpack@3.6.0 --save-dev
          --save （可简写为 -S）会把依赖包名称添加到 package.json 的 dependencies 键下，
          --save-dev （可简写为 -D）会添加到 devDependencies 键下。
          dependencies 是运行时的依赖，而devDependencies是开发时的依赖。
          也就是说，采用 --save-dev 安装的包我们发布后是用不到的，只有在开发时用到。
          采用 --save 安装的包在发布后还会有依赖
      2.安装好本地webpack之后，会出现node-modules 文件夹，里面有各种各样的包
    
-->


 <!--
   你在cmd命名窗口和vsCode终端里运行webpack，用的都是全局webpack
   你在package.json里的scripts（脚本）里，加"build": "webpack"——》再运行
   npm run build, 优先用的就是本地的webpack
-->

</body>
</html>